$color1: #ff8a00;
$color2: #2f3130;


body {
    background: #f5f5f5;
}

body>h2 {
    font-size: .14rem;
    width: 100vw;
    line-height: .42rem;
    padding-left: .16rem;
    border-bottom: 1px solid #c5c5c5;
    box-sizing: border-box;

    a {
        color: black;
    }

    >:first-child {
        font-weight: bold;
    }
}

.nei1 {
    .nei1-top {
        background-color: #fff;

        >img {
            width: 100vw;
            height: 2.16rem;
        }

        .nei1-top-bottom {
            display: flex;
            height: .82rem;
            border-bottom: 1px solid #dcdcdc;

            h2 {
                flex: 8;
                font-size: .21rem;
                font-weight: bold;
                margin-top: .14rem;
                padding-left: .16rem;
            }

            .xin {
                flex: 2;
                font-size: .14rem;
                border-left: 1px solid #dcdcdc;

                span {
                    margin-left: .2rem;
                }

                img {
                    width: .22rem;
                    height: .22rem;
                    margin-left: .23rem;
                    margin-top: .15rem;
                }
            }
        }
    }

    .nei1-ul1 {
        padding: .35rem 0;
        font-size: .14rem;
        display: flex;

        li {
            border-left: 1px solid #dcdcdc;
            flex: 1;
            text-align: center;

            .pp2 {
                margin-top: .07rem;
                color: $color1;
            }
        }

        >:first-child {
            border-left: none;
        }
    }

    .nei1-bottom {
        padding: 0 .23rem;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        font-size: .14rem;
        border: 1px solid #dcdcdc;

        li {
            display: flex;
            line-height: .59rem;
            border-bottom: 1px solid #dcdcdc;

            div {
                flex: 1;
            }
        }
    }
}

.nei2 {
    margin: .1rem;
    background-color: #fff;
    border: 1px solid #dcdcdc;

    h2 {
        line-height: .52rem;
        padding: 0 .18rem;
        font-size: .21rem;
        border-bottom: 1px solid #dcdcdc;
        color: $color1;
        font-weight: bold;
        background: url(../img/rentalList/right.png) 3.27rem center no-repeat;
        background-size: .08rem .16rem;
    }

    p {
        font-size: .14rem;
        line-height: .23rem;
        padding: .11rem;

        span {
            color: $color1;
        }
    }

    .pp2 {
        font-size: .16rem;
        padding: 0;

        span {
            color: black;
            font-weight: bold;
            line-height: .37rem;
            padding: 0 0 0 .03rem;
        }

        img {
            width: 100%;
            height: 1.76rem;
        }
    }
}

.nei3 {
    width: 100vw;
    background-color: #fff;
    height: .66rem;
    display: flex;
    font-size: .14rem;

    .nei3-left {
        flex: 6;
        padding: .1rem;
        display: flex;

        img {
            flex: 2;
            width: .46rem;
            height: .46rem;
            margin-right: .1rem;
        }

        div {
            flex: 8;
            line-height: .2rem;
        }
    }

    .nei3-right {
        flex: 3;
        display: flex;

        div {
            flex: 1;
            text-align: center;

            img {
                margin-top: .06rem;
                width: .35rem;
                height: .35rem;
            }

            .pp1 {
                color: #5dcb96;
            }

            .pp2 {
                color: #5baede;
            }
        }
    }
}

footer {
    width: 100vw;
    height: 1.8rem;
    box-sizing: border-box;
    padding: 0 .17rem;
    background-color: $color2;

    h2 {
        color: #939494;
        font-weight: bold;
        line-height: .48rem;
        font-size: .16rem;
        border-bottom: 1px solid #3e403f;
    }

    ul {
        height: .38rem;
        font-size: .14rem;
        display: flex;
        margin: .2rem 0 .14rem 0;
        color: #939494;

        li {
            flex: 1;
            display: flex;


            .zuo {
                flex: 1;

                img {
                    width: .21rem;
                    height: .24rem;
                    margin-left: .25rem;
                }
            }

            .you {
                flex: 2;
            }
        }
    }

    >p {
        font-size: .14rem;
        color: #939494;
        text-align: center;
        line-height: .29rem;
    }
}